<template>
  <div>
    <!-- 面包屑 -->
    <bread-view v-if="category">
      <bread-item :to="'/'">首页</bread-item>
      <bread-item :to="'/'">{{ category[1].name }}</bread-item>
      <bread-item>{{ category[1].name }}</bread-item>
      <bread-item>{{ name }}</bread-item>
    </bread-view>
  </div>
</template>
<script>
//面包屑组件
import BreadView from "@/components/utils/Bread/BreadView";
import BreadItem from "@/components/utils/Bread/BreadItem";
export default {
  components: {
    BreadView,
    BreadItem,
  },
  props: {
    category: {
      type: Array,
      default: () => {},
    },
    name: {
      type: String,
      default: "",
    },
  },

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
</style>